<template>
	<cmDialog v-model="dialogState" modal-title="分析图" model-width="1200px">
		<div class="box">
			<div class="chart">
				<guanxuan v-if="isLoad" :data="[]"></guanxuan>
			</div>
			<div class="chart">
				<baodao v-if="isLoad" :data="[]"></baodao>
			</div>
			<div class="chart">
				<jihua v-if="isLoad" :data="[]"></jihua>
			</div>
			<div class="chart">
				<chengguo v-if="isLoad" :data="[]"></chengguo>
			</div>
			<div class="chart">
				<jiangxiang v-if="isLoad" :data="[]"></jiangxiang>
			</div>
			<div class="chart">
				<zhengce v-if="isLoad" :data="[]"></zhengce>
			</div>
			<div class="chart">
				<biaozhun v-if="isLoad" :data="[]"></biaozhun>
			</div>
			<div class="chart">
				<fushen v-if="isLoad" :data="[]"></fushen>
			</div>
			<div class="chart">
				<zhubian v-if="isLoad" :data="[]"></zhubian>
			</div>
			<div class="chart">
				<zhuguan v-if="isLoad" :data="[]"></zhuguan>
			</div>
		</div>
	</cmDialog>
</template>
<script lang="ts" setup>
import cmDialog from '@/components/cm-dialog/index.vue'
import { computed, onMounted, ref } from 'vue'
import baodao from './echarts/baodao.vue'
import biaozhun from './echarts/biaozhun.vue'
import chengguo from './echarts/chengguo.vue'
import fushen from './echarts/fushen.vue'
import guanxuan from './echarts/guanxuan.vue'
import jiangxiang from './echarts/jiangxiang.vue'
import jihua from './echarts/jihua.vue'
import zhengce from './echarts/zhengce.vue'
import zhubian from './echarts/zhubian.vue'
import zhuguan from './echarts/zhuguan.vue'

const props = defineProps({
	modelValue: Boolean
})

const isLoad = ref(false)

const emit = defineEmits(['update:modelValue', 'submit-success', 'dialog-cancel'])
const dialogState = computed({
	get: () => props.modelValue,
	set: val => emit('update:modelValue', val)
})

const closeModal = () => {
	emit('update:modelValue', false)
}
onMounted(() => {
	setTimeout(() => {
		isLoad.value = true
	}, 500)
})
</script>
<style lang="scss" scoped>
.dialog-foot {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	.chart {
		width: 550px;
	}
}
</style>
